{volist name="films" id="film"}
<div class="mdui-card" style="float: left;margin: 10px;width: 160px">
    <!-- 卡片的媒体内容，可以包含图片、视频等媒体内容，以及标题、副标题 -->
    <div class="mdui-card-media" style="height: 180px;overflow: hidden;">
        <a href="{:url('/hot/' . $film['id'])}" target="_blank" title="{$film.title}">
            <img src="{:url('/bridge/douban')}?url={$film.cover}&id={$film.id}" alt="{$film.title}" title="{$film.title}" style="width: 100%;"/>
        </a>
    </div>
    <div class="mdui-card-content mdui-p-b-0 mdui-list-item-one-line" style="padding-top: 10px">
        <a href="{:url('/hot/' . $film['id'])}" target="_blank" title="{$film.title}">{$film.title}</a>
    </div>
    <div class="mdui-card-content mdui-p-t-0">
        <div style="float: left;font-size: 10px">
            评分：<span>{$film.rate}</span>
        </div>

        <div style="float: right;font-size: 10px;color: #1ab394">
            {if $film.playable}
            <a href="{:url('/hot/' . $film['id'])}" target="_blank" title="{$film.title}">[可播放]</a>
            {elseif $film.is_new/}
            [新]
            {/if}
        </div>
    </div>
</div>
{/volist}